<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>提交课程</title>
<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">   
	<link rel="stylesheet" href="css/swiper-3.3.1.min.css" />
	<link rel="stylesheet" href="css/common.css" />
	<link rel="stylesheet" href="css/index.css">
	<script type="text/javascript" src="js/init.js"></script>	
</head>

<body>
	<div class="content_top">
		<p class="course_name">课程名称课程名称课程名称</p>
		<p class="course_people">老师：老师</p>
		<p class="course_people">教授：教授</p>
		<div class="course_info"><img src="img/time.png" class="time-pic"><span class="course_time">Apr,03,2016</span></div>
	</div>
	<div class="text_area">
		<textarea class="text_info"></textarea>
	</div>
	<div class="submit">
		<p><span class="submit_btn">提</span>交</p>
	</div>
	<div id="bg"></div>
	<div class="pop_info">
		<p class="sign_up">提交成功</p>
	</div>
	<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/swiper-3.3.1.jquery.min.js"></script>
	<script type="text/javascript">
		function close() {
          $('#bg').fadeOut();
          $('.pop_info').fadeOut();
         }
		  $(document).ready(function(){
               $(".submit").click(function(){
               $("#bg").fadeIn(1000);
               $(".pop_info").fadeIn(1000);
               setTimeout("close()", 2000)
    });
});
		</script>
</body>

</html>